<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>房产详细信息</title>
	<meta name="viewport"  content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="amazingUI/css/amazeui.min.css">
  	<link rel="stylesheet" type="text/css" href="css/common.css">
	<link rel="stylesheet" href="css/house-msg.css">
</head>
<body>
	<!-- 头部 -->
	 <header data-am-widget="header"
          class="am-header back-y">
      <div class="am-header-left am-header-nav">
          <a href="#left-link" class="">
                <img src="img/logo.png">
                <img src="img/logo-font.png" class="font-img">
          </a>
      </div>

      <h1 class="am-header-title">
          <a href="#title-link" class="">
           
          </a>
      </h1>

      <div class="am-header-right am-header-nav">
          <a  class="">

                <span class="am-header-nav-title color-w">
                发布
              </span>

                <i class="am-header-icon am-icon-external-link color-w"></i>
          </a>
          <span class="color-w">&nbsp;|&nbsp;</span>
          <a  class="">

                <span class="am-header-nav-title color-w">
                我的
              </span>

                <i class="am-header-icon am-icon-user color-w"></i>
          </a>
      </div>
    </header>
    <!-- 头部结束 -->
    <!-- 房产图片轮播 -->
      <div data-am-widget="slider" class="am-slider am-slider-c3" data-am-slider='{&quot;controlNav&quot;:false}' >
      <ul class="am-slides">
          <li>
            	<img src="http://s.amazeui.org/media/i/demos/bing-1.jpg">
              <div class="am-slider-desc"><div class="am-slider-counter"><span class="am-active">1</span>/4</div></div>
             
          </li>
          <li>
            	<img src="http://s.amazeui.org/media/i/demos/bing-2.jpg">
              <div class="am-slider-desc"><div class="am-slider-counter"><span class="am-active">2</span>/4</div></div>
             
          </li>
          <li>
            	<img src="http://s.amazeui.org/media/i/demos/bing-3.jpg">
              <div class="am-slider-desc"><div class="am-slider-counter"><span class="am-active">3</span>/4</div></div>
             
          </li>
          <li>
            	<img src="http://s.amazeui.org/media/i/demos/bing-4.jpg">
              <div class="am-slider-desc"><div class="am-slider-counter"><span class="am-active">4</span>/4</div></div>
             
          </li>
      </ul>
    </div>
    <!-- 房产名 -->
    <div class="back-w home-name">
    	<div class="tittle-msg float-l">
    		
	    		<div class="color-3 font-w6">[东升推荐] 两证齐全 湾田和悦 正宗三房急售</div>
	    		<div class="float-l color-6">发布:<span>2015-10-21</span></div>
	    		<div class="float-r color-6">游览:<span>277人</span></div>
    		
    	</div>
    	<div class="collect-div float-r">
    		<div class="collect">
		    	<div> <i class="am-icon-star-o am-icon-sm color-y"></i></div>
		    	<div>收藏</div>
			</div>
    	</div>

    </div>
    <!--房产信息-->
	<div class="home-msg margin-t1 back-w">
		<ul class="am-avg-sm-3 title-ul">
				<li class="text-center color-3">售价<br><span class="color-y font-w6">43.8万</span></li>
				<li class="text-center color-3">户型<br><span class="color-y font-w6">3室2厅2卫</span></li>
				<li class="text-center color-3">面积<br><span class="color-y font-w6">120m<sup>2</sup></span></li>
				
		</ul>
		<ul class="am-avg-sm-2 title-ul">
				<li class=" color-6">单价:&nbsp;&nbsp;<span class="color-3 font-w6">3650元/m<sup>2</sup></span></li>
				<li class=" color-6">朝向:&nbsp;&nbsp;<span class="color-3 font-w6">南北</span></li>
				<li class=" color-6">楼层:&nbsp;&nbsp;<span class="color-3 font-w6">5/19层</span></li>
				<li class=" color-6">位置:&nbsp;&nbsp;<span class="color-3 font-w6">娄星</span></li>									
		</ul>
		<div class="person-msg back-w">
			<div class="float-l margin-10">
				<span class="font-s2 font-w6">肖碧云</span><br>
				<span class="font-s2 font-w6">手机</span><a class="color-9">&nbsp;&nbsp;&nbsp;&nbsp;点击显示</a>
			</div>
			<div class="float-r margin-10">
				<a href="##" class="phone-a float-l">
					<img src="img/phone.png">
				</a>
				<a href="##" class="msg-a float-l">
					<img src="img/msg.png">
				</a>
				
			</div>
		</div>

	</div>
  <!-- 房源描述 -->
	<div class="back-w margin-t1 home-description ">
		<div class="description font-s2 padding-10">
    房源描述  
    </div>
    <ul class="am-avg-sm-2 title-ul">
        <li class=" color-6">房龄:&nbsp;&nbsp;<span class="color-3 font-w6">2012年</span></li>
        <li class=" color-6">证件:&nbsp;&nbsp;<span class="color-3 font-w6"></span></li>
        <li class=" color-6">装修:&nbsp;&nbsp;<span class="color-3 font-w6">毛坯</span></li>
        <li class=" color-6">结构:&nbsp;&nbsp;<span class="color-3 font-w6">板楼</span></li>                  
    </ul>
    <!-- 房屋描述广告 -->
    <p class="padding-10">
      东风地产肖必华为您服务<br>
      东风地产罗总向您承若<br>
      本房源真是存在,真实委托,真实价格,照片均为实地拍摄.我公司
    </p>
    <ul class="am-avg-sm-2 title-ul foot-ul">
        <li class=" color-6"><span class="font-s2 ">肖碧玉</span><br><span class="font-s2 color-y">18774447409</span></li>
        <li class=" color-6">
          <ul class="am-avg-sm-3  ul-icon">
            <li><img src="img/phone2.png"><br>电话</li>
            <li><img src="img/msg2.png"><br>短信</li>
            <li><img src="img/qq.png"><br>留言</li>
          </ul>
        </li>
                      
    </ul>
	</div>
    
         
         
          
      
     
  
  <!-- 主内容结束 -->
</body>
<script src="amazingUI/js/jquery.min.js"></script>
<script src="amazingUI/js/amazeui.min.js"></script>
</html>